<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="keywords" content="">
    <meta name="description" content="">
    <title>EDC Charts</title>
    <link rel="stylesheet" href="lib/css/bootstrap.min.css">
    <link rel="stylesheet" href="lib/css/bootstrap-table.min.css">
    <link rel="stylesheet" href="css/main.css">
  </head>
  <body>
    <div class="container">
      <h1>EDC Charts</h1>
      <ul class="nav nav-tabs">
        <li class="dropdown"><a id="dropdown-toggle" data-toggle="dropdown" href="#" class="dropdown-toggle">选择EDC报表<span class="caret"></span></a>
          <ul class="dropdown-menu">
            <li><a href="#enterGroup" data-toggle="tab">入组情况</a></li>
            <li><a href="#dataInput" data-toggle="tab">数据录入情况</a></li>
            <li><a href="#dataCheck" data-toggle="tab">数据核查情况</a></li>
            <li><a href="#dataLock" data-toggle="tab">数据锁定情况</a></li>
            <li><a href="#doctorAudit" data-toggle="tab">医学审核情况</a></li>
            <li><a href="#question" data-toggle="tab">疑问情况</a></li>
            <li><a href="#uncompleteForm" data-toggle="tab">未完成表单</a></li>
            <li><a href="#workloadForm" data-toggle="tab">工作量报表</a></li>
            <li><a href="#windowForm" data-toggle="tab">超窗列表</a></li>
            <li><a href="#edcOption" data-toggle="tab">EDC参数统计</a></li>
            <li><a href="#enterGroupStats" data-toggle="tab">入组情况报表</a></li>
            <li><a href="#productOperation" data-toggle="tab">项目操作情况</a></li>
            <li><a href="#inputTimeStats" data-toggle="tab">时效性报表</a></li>
            <li><a href="#userManage" data-toggle="tab">用户管理表</a></li>
            <li><a href="#labSpec" data-toggle="tab">实验室指标</a></li>
            <li><a href="#demo" data-toggle="tab">Demo</a></li>
          </ul>
        </li>
      </ul>
      <div class="tab-content">
        <div id="enterGroup" class="tab-pane fade active in">
          <div id="enterGroupColumnChart" class="block"></div>
          <div id="enterGroupPieChart" class="block"></div>
          <div id="enterGroupStatsLineChart" class="block"></div>
          <div id="enterGroupStatsColumnChart" class="block"></div>
          <div class="block">
            <h4 class="text-center">入组情况表</h4>
            <table id="enterGroupTable"></table>
          </div>
        </div>
        <div id="dataInput" class="tab-pane fade">
          <div id="dataInputColumnChart" class="block"></div>
          <div id="dataInputPieChart" class="block"></div>
          <div class="block">
            <h4 class="text-center">数据录入情况表</h4>
            <table id="dataInputCountTable"></table>
          </div>
          <div class="block">
            <h4 class="text-center">数据录入情况时间表</h4>
            <table id="dataInputTimeTable"></table>
          </div>
        </div>
        <div id="dataCheck" class="tab-pane fade">
          <div id="dataCheckColumnChart" class="block"></div>
          <div id="dataCheckPieChart" class="block"></div>
          <div class="block">
            <h4 class="text-center">数据核查情况表</h4>
            <table id="dataCheckCountTable"></table>
          </div>
          <div class="block">
            <h4 class="text-center">数据核查情况时间表</h4>
            <table id="dataCheckTimeTable"></table>
          </div>
        </div>
        <div id="dataLock" class="tab-pane fade">
          <div id="dataLockColumnChart" class="block"></div>
          <div id="dataLockPieChart" class="block"></div>
          <div class="block">
            <h4 class="text-center">数据锁定情况表</h4>
            <table id="dataLockCountTable"></table>
          </div>
          <div class="block">
            <h4 class="text-center">数据锁定情况时间表</h4>
            <table id="dataLockTimeTable"></table>
          </div>
        </div>
        <div id="doctorAudit" class="tab-pane fade">
          <div id="doctorAuditColumnChart" class="block"></div>
          <div id="doctorAuditPieChart" class="block"></div>
          <div class="block">
            <h4 class="text-center">医学审核情况表</h4>
            <table id="doctorAuditCountTable"></table>
          </div>
          <div class="block">
            <h4 class="text-center">医学审核情况时间表</h4>
            <table id="doctorAuditTimeTable"></table>
          </div>
        </div>
        <div id="question" class="tab-pane fade">
          <div id="questionSourceColumnChart" class="block"></div>
          <div id="questionStatusColumnChart" class="block"></div>
          <div id="questionDistributeColumnChart" class="block"></div>
          <div id="questionStatColumnChart" class="block"></div>
          <div class="block">
            <h4 class="text-center">疑问来源表</h4>
            <table id="questionSourceTable"></table>
          </div>
          <div class="block">
            <h4 class="text-center">疑问解答情况表</h4>
            <table id="questionStatusTable"></table>
          </div>
          <div class="block">
            <h4 class="text-center">疑问解答时间表</h4>
            <table id="questionTimeTable"></table>
          </div>
          <div class="block">
            <h4 class="text-center">疑问分布表</h4>
            <table id="questionDistributeTable"></table>
          </div>
          <div class="block">
            <h4 class="text-center">高频疑问情况表</h4>
            <table id="questionTopTable"></table>
          </div>
          <div class="block">
            <h4 class="text-center">疑问总体情况表</h4>
            <table id="questionStatTable"></table>
          </div>
        </div>
        <div id="uncompleteForm" class="tab-pane fade">
          <div class="block">
            <h4 class="text-center">未录入表单表</h4>
            <table id="uncompleteInputTable"></table>
          </div>
          <div class="block">
            <h4 class="text-center">未核查表单表</h4>
            <table id="uncompleteCheckTable"></table>
          </div>
          <div class="block">
            <h4 class="text-center">未审核表单表</h4>
            <table id="uncompleteAuditTable"></table>
          </div>
          <div class="block">
            <h4 class="text-center">未锁定表单表</h4>
            <table id="uncompleteLockTable"></table>
          </div>
        </div>
        <div id="workloadForm" class="tab-pane fade">
          <div class="block">
            <h4 class="text-center">完成工作量报表</h4>
            <table id="workloadCompleteTable"></table>
          </div>
        </div>
        <div id="windowForm" class="tab-pane fade">
          <div class="block">
            <h4 class="text-center">超窗受试者列表</h4>
            <table id="windowSubjectsTable"></table>
          </div>
        </div>
        <div id="edcOption" class="tab-pane fade">
          <div class="block">
            <h4 class="text-center">EDC参数统计表</h4>
            <h5 class="text-muted projectBasic">项目基本情况表</h5>
            <table id="projectBasicTable"></table>
            <h5 class="text-muted ecrBasic">eCR基本情况表</h5>
            <table id="ecrBasicTable"></table>
          </div>
        </div>
        <div id="enterGroupStats" class="tab-pane fade">
          <div class="block">
            <h4 class="text-center">入组情况报表</h4>
            <table id="enterGroupStatsTable"></table>
          </div>
        </div>
        <div id="productOperation" class="tab-pane fade">
          <div class="block">
            <h4 class="text-center">项目操作情况表</h4>
            <table id="projectOperationTable"></table>
          </div>
        </div>
        <div id="inputTimeStats" class="tab-pane fade">
          <div class="block">
            <h4 class="text-center">时效性报表-录入延迟中位数表</h4>
            <table id="inputTimeStatsTable"></table>
          </div>
          <div class="block">
            <h4 class="text-center">数据录入及时性表</h4>
            <table id="inputTimeInfoTable">       </table>
          </div>
        </div>
        <div id="userManage" class="tab-pane fade">
          <div class="block">
            <h4 class="text-center">用户管理表</h4>
            <h5 class="text-muted userListTable">用户列表</h5>
            <table id="userListTable"></table>
            <h5 class="text-muted userOperationTable">用户管理明细</h5>
            <table id="userOperationTable"></table>
          </div>
        </div>
        <div id="labSpec" class="tab-pane fade">
          <div id="labSpecScatterChart" class="block"></div>
          <div class="block">
            <h4 class="text-center">实验室指标表</h4>
            <table id="labSpecTable"></table>
          </div>
        </div>
        <div id="demo" class="tab-pane fade">
          <div id="demoLineChart" class="block"></div>
          <div id="demoAreaChart" class="block"></div>
          <div id="demoColumnChart" class="block"></div>
          <div id="sliders" class="block">
              <table>
                  <tr><td>Alpha Angle</td><td><input id="R0" type="range" min="0" max="45" value="15"/> <span id="R0-value" class="value"></span></td></tr>
                  <tr><td>Beta Angle</td><td><input id="R1" type="range" min="0" max="45" value="15"/> <span id="R1-value" class="value"></span></td></tr>
              </table>
          </div>
          <div id="demoBoxChart" class="block" style="height: 680px"></div>
          <div id="demoPieChart" class="block"></div>
          <div id="demoPolarChart" class="block"></div>
          <div id="demoSpeedChart" class="block"></div>
        </div>
      </div>
    </div>

    <script src="lib/js/jquery-1.11.0.min.js"></script>
    <script src="lib/js/highcharts.js"></script>
    <script src="lib/js/highcharts-more.js"></script>
    <script src="lib/js/highcharts-3d.js"></script>
    <script src="lib/js/bootstrap.min.js"></script>
    <script src="lib/js/bootstrap-table.min.js"></script>
    <script src="lib/js/bootstrap-table-zh-CN.min.js"></script>
    <script src="lib/js/bootstrap-table-export.min.js"></script>
    <script src="lib/js/tableExport.min.js"></script>
    <script src="lib/js/FileSaver.min.js"></script>
    <script src="lib/js/moment.min.js"></script>
    <script src="lib/js/exporting.js"></script>
    <script src="js/common.js"></script>
    <script src="js/chartOptions.js"></script>
    <script src="js/main.js"></script>
    <script src="js/enterGroupChart.js"></script>
  </body>
  
  <!--
  <script src="/js/enterGroupChart.js"></script>
  <script src="/js/dataCheckChart.js"></script>
  <script src="/js/dataLockChart.js"></script>
  <script src="/js/doctorAuditChart.js"></script>
  <script src="/js/questionChart.js"></script>
  <script src="/js/uncompleteFormChart.js"></script>
  <script src="/js/workloadFormChart.js"></script>
  <script src="/js/windowFormChart.js"></script>
  <script src="/js/edcOptionChart.js"></script>
  <script src="/js/enterGroupStatsChart.js"></script>
  <script src="/js/projectOperationChart.js"></script>
  <script src="/js/inputTimeStatsChart.js"></script>
  <script src="/js/userManageChart.js"></script>
  <script src="/js/labSpecChart.js"></script>
  <script src="/js/demo.js"></script>
  -->

  <script type="text/javascript">
    Highcharts.setOptions({
        chart: {
            style: {
                fontFamily: '"宋体","华文细黑",Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif'
            }
        }
    });
  </script>
</html>